<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>bilibili会员购</title>
    <link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link rel="stylesheet" href="stylesheets/index.css">
    <link rel="stylesheet" href="stylesheets/reset.css">
    <link rel="stylesheet" href="stylesheets/detail.css">
</head>
<body>
    <div id="app">
        <!--top-->
        <div class="nav-header-wrapper"></div>
        <!--top end-->

        <div class="buyticket">
            <!--页面位置-->
            <div class="bread-wrapper">
                <span>
                    <a href="//www.bilibili.com">Bilibili</a>
                </span> 
                <span class="symbol">&gt;</span> 
                <span>
                    <a href="./index.html">会员购</a>
                </span> 
                <span class="symbol">&gt;</span> 
                <!-- <span class="project-name">北京·随意听风阁 国风集市</span> -->
            </div>
            <!--页面位置-->

            <!--主要内容-->
            <div class="whole-detail-info-wrapper">
                <!-- <div class="detail-img-icon no_pic" style="background-image: url(&quot;//i2.hdslb.com/bfs/openplatform/201905/imWPruKEMU30Q.jpeg@600w_800h.jpeg&quot;);"></div> 
                <div class="detail-info-wrapper">
                    <div class="product-info-name">北京·随意听风阁 国风集市</div> 
                    <div class="product-info-time-wrapper">
                        <div class="product-info-time-title">时间：</div> 
                        <div class="product-info-time">2019.06.22 10:00 - 06.23 17:00</div>
                    </div> 
                    <div class="vuene-wrapper">
                        <div class="title">场馆：</div> 
                        <div class="vuene-info-content">
                            <div class="vuene-name">东郎电影创意产业园</div> 
                            <div class="address-name">东郎电影创意产业园</div> 
                            <div class="address-icon fa fa-map-marker"></div> 
                            <div class="check-map">查看地图</div>
                        </div>
                    </div> 
                    <div class="login-show-wrapper">
                        <ul class="clearfix mr4">
                            <li class="title">场次：</li> 
                            <li class="screens">
                                <div class="selectable-option active">6月22日-6月23日</div>
                            </li>
                        </ul> 
                        <ul class="clearfix">
                            <li class="title">价格：</li> 
                            <li class="tickets">
                                <div class="selectable-option active">¥20(单日早鸟票)</div>
                                <div class="selectable-option">¥30(单日预售票)</div> 
                            </li>
                        </ul> 
                        <ul class="clearfix">
                            <li class="title">数量：</li> 
                            <li class="num-content">
                                <div class="ticket-count">
                                    <div class="count-reduce active">-</div> 
                                    <div class="count-number">1</div> 
                                    <div class="count-plus active">+</div>
                                </div>
                            </li>
                        </ul>
                        <div class="product-buy-wrapper">
                            <div class="product-buy enable">
                                <div>立即购票</div>
                            </div>
                            <div class="product-buy enable">
                                <div>加入购物车</div>
                            </div>
                        </div>
                    </div>
                </div> -->
            </div>
            <!--主要内容 end-->

            <!--底部-->
            <div class="footer"></div>
            <!--底部 end-->
        </div>
    </div>

    <script src="./scripts/libs/jquery-3.4.0.js"></script>
    <script src="./scripts/libs/common.js"></script>
    <script src="./scripts/detail.js"></script>
    <script src="./scripts/cart.js"></script>
</body>
</html>